// Custom styles.

// 页面整体设置

body {
	//background-image:url(https://source.unsplash.com/random/daily);
	background-image:url(/images/blog_bak.png); //这一行的括号里填背景图片的路径，将图片重命名为background.jpg放在\themes\next\source\images下
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:50% 50%;
	background-size:100% 100%;//默认将图片和当前窗口大小100%填充，强迫症福利
}


// ``简单代码块的自定义样式

code {
    color: #000;
    background: rgba(255,0,0,.3);
    margin: 1px 3px;
    padding: 1px 3px;
}

// 归档和分类页面的时间轴样式

.posts-collapse {
    margin: 50px 0;
}
@media (max-width: 767px) {
    .posts-collapse {
        margin: 50px 20px;
    }
}

.posts-collapse::after {
    margin-left: -2px;
    background: rgba(255, 118, 0, 0.75);
}

.posts-collapse .post-title a {
    color: #0095ff;
}

.posts-collapse .post-title a:hover {
    color: #ff7600;
}


// 修改archives页面移动端菜单下拉的bug

.posts-collapse {
    z-index: initial;
}



// 博客中引用的样式
blockquote {
    padding-top: 3px;//引用框和字体上部的填充空白
    padding-right: 20px;//右边的空白
    padding-bottom: 0px;//底部的空白
    padding-left: 20px;//左部的空白
    border-left: 5px solid rgba(255, 118, 0, 0.75);//竖条的属性（宽度和颜色rgba，a为透明度）
}

// 选中文字部分的样式
::selection {
    background: rgb(46, 124, 160);
    color: rgb(255, 255, 255);
}
*::-moz-selection {
    background: rgb(46, 124, 160);
    color: rgb(255, 255, 255);
}
